<div id="details" class="span7">
    <p><img src="pics/<%= firstName %>_<%= lastName %>.jpg" width="160" height="160"/></p>
    <h3><%= firstName %> <%= lastName %></h3>
    <h4><%= title %></h4>
    <br>
    <table class="table table-striped">
        <%
        if (managerId)
        {
        %>
        <tr>
            <td>Manager:</td>
            <td><i class="icon-user"></i> <a href='#employees/<%= managerId %>'><%= managerName %></a></td>
        </tr>
        <%
        }
        %>
        <tr>
            <td>Office Phone:</td>
            <td><i class="icon-home"></i> <%= officePhone %></td>
        </tr>
        <tr>
            <td>Cell Phone:</td>
            <td><i class="icon-headphones"></i> <%= cellPhone %></td>
        </tr>
        <tr>
            <td>Email:</td>
            <td><i class="icon-envelope"></i> <a href="mailto:<%= email %>"><%= email %></a></td>
        </tr>
        <tr>
            <td>Twitter:</td>
            <td><i class="icon-retweet"></i> <a href=""><%= twitterId %></a></td>
        </tr>
    </table>

    <div class="alert alert-warning">
        <h4 class="alert-heading">Warning</h4>
        The phone numbers, email addresses, and Twitter handlers are fake.
    </div>
</div>
<div class="span5">
    <div class="well">
        <h3 class="modal-header">Direct Reports</h3>
        <ul class="nav nav-list report-list"></ul>
        <div class="alert alert-info no-reports">
            <h4 class="alert-heading">Info</h4>
            <%= firstName %> <%= lastName %> has no direct reports
        </div>
    </div>
</div>
